<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print">
	 <link rel="stylesheet" href="blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
	 
	 <script language="javascript" type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
	 <script language="javascript" type="text/javascript" src="js/jquery.msAccordion.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Detail Event</title>
</head>

<style type="text/css">
.set1{

-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
}
.set2{
background-color:#FFC732;
-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
}

</style>

<body class="bg_back">

				<script language="javascript" type="text/javascript">
$(document).ready(function() {

						   $("#accordion3").msAccordion({defaultid:0, vertical:true});
						   }
						   )
</script>

<div class="container">
<div class="span-24">
   <div class="span-6">
		<div class="logo">
			Your Logo
		</div>
   </div>
	<div class="span-18 last">
	<div id="navigasi"> 
		<ul>
		<li><a href="#">HOME</a></li>
		<li><a href="#">EVENT</a></li>
		<li><a href="#">ABOUT US</a></li>
		<li><a href="#">CONTACT US</a></li>
		</ul>
	</div>
	</div>
</div>
	<hr class="space">
<div class="span-24">
		   
	 <div id="center_content">
		
			<div class="poster">
				posterrrr
			</div>
		
	 </div>
 
</div>

<hr class="space">

<div class="span-24">
		   
	 <div id="bottom_content">
		<div class="span-10">
			<div class="map_content">
				MAP
			</div>
		</div>
		
		<div class="span-14 last">
			<div class="detail_content">
            
            <table width="1" border="0" cellpadding="0">
              <tr>
                <td><label class="detail">Hari </label></td>
                <td><label class="detail_isi">Sabtu</label></td>
              </tr>
              <tr>
                <td><label class="detail">Tanggal </label></td>
                <td><label class="detail_isi">12 Oktober 2011</label></td>
              </tr>
              <tr>
                <td><label class="detail">Waktu</label></td>
                <td><label class="detail_isi">Pukul 08.00 - selesai</label></td>
              </tr>
              <tr>
                <td><label class="detail">Lokasi</label></td>
                <td><label class="detail_isi">Sejahtera Buliding Lt.6, Caturtunggal,Depok,Sleman,Yogyakarta</label></td>
              </tr>
			  <tr>
                <td><label class="detail">Registrasi</label></td>
                <td><label class="detail_isi">12 September 2011 - 30 September 2011</label></td>
              </tr>
			   <tr>
                <td><label class="detail">Biaya</label></td>
                <td><label class="detail_isi">Rp 200.000 Non Mahasiswa, Rp 300.000 Mahasiswa</label></td>
              </tr>
            </table>
				<div id="accordion3" class="accordionWrapper">
				<div class="set set1">
					<div class="title"><div class="title_accor1">PESAN TICKET SEKARANG</div></div>
					<div class="content">
						<div class="content_accor">
							<form action="" method="post" class="login_form">
								<ul class="login">
									<li class="login">
										<label class="text_form">Jumlah Tiket</label>
										<input type="text" name="user_password" class="text_form" size="5" value="1">
									</li>
									<li class="login">
										<label class="text_form">Kelas</label>
										<input type="text" name="user_password" class="text_form" size="30" value="DROPDOWN CLASS">
									</li>
									<li class="login">
										<input type="submit" value="Kirim" class="big" > 
									</li>
									
								</ul>
						 
							</form>
						</div>
					</div>
				</div>
				</div>
			</div>
		</div>

	 </div>
 
</div>


	


<div class="span-24">	
	<hr class="space">
		
	<div id="footer">
		  Your footer 
	</div>
</div>
</div>

</body>
</html>
